<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>活动图集</title>

	<script>document.write('<script src="../../plugin/vue/js/import.js?' + Math.random() + '"><' + '/script>');</script>

<script>
	_import("../../plugin/vue/js/before.js");
</script>

<style>
.infinite-list-wrapper { height: calc(100vh - 62px);  text-align: center;   background: #e8f3fe;}
  
</style>
</head>
<body>
	<div id="app" class="w-lazybox" v-cloak>	
	 <div class="panel-body00">
	 	<div class="w-mobel-title panel-heading"><h3 class="panel-title tc">活动图集 <!-- <i class="el-icon-s-operation w-rightico" @click="edit(null)"></i> --></h3> </div>
		     <div class="grid-content">
		     	
	             <div class="infinite-list-wrapper" style="overflow:auto;">             
				    <ul class="list"  v-infinite-scroll="load"  infinite-scroll-disabled="disabled">
				      <li v-for="(item,index) in datalist"  :key="index" class="list-item">			                 
					      <el-image :src="item.convert_url" lazy >		           
						  </el-image> 
						  <span class="w-lazy-title">
						 {{item.place}}
						 </span> 						  
						 <i :class="showIco(item)" @click="view(item)"></i>
						 <span class="w-lazy-ico">
						  	<!--  <a class="el-icon-edit" @click="edit(item)"></a>-->
						  	<a class="el-icon-download" title="下载" @click="download(item)"></a>						  	
						  	<a class="el-icon-delete" title="删除" @click="del(item)"></a>
						  	<a v-if="item.file_type=='video'" class="el-icon-position" title="发送"  @click="send(item)"></a>
						 </span>	
						 <span class="w-lazy-destext">{{item.source}}</span>
						  <span class="w-lazy-time">{{timeago().format(item.upload_date)}}</span>	
						      
				      </li>
				    </ul>				     				   
				  </div>  
				     <div v-if="loading" class="tc">加载中...</div>
				     <div v-if="noMore"  class="tc">没有更多了</div>             
         	</div> 	
         	<el-dialog :visible.sync="showDialog" destroy-on-close="true" >
		  			<img v-if="isPic" width="100%" :src="media_src" alt=""/>		  		
		  			<video  v-else controls="controls"  class="player" preload="auto" width="100%"  :src="media_src"  >
		                                                    您的浏览器不支持html5! <!-- :poster="poster" -->
		            </video>
		    </el-dialog>
       </div>
	</div>
</body>
<script>
	_import("../../plugin/vue/js/after.js?type=0");
</script>
<script>
	_import("../../plugin/js/timeago.js");
</script>
  <script>
        _import("js/list.js");
  </script>
</html>